<template>
    <div class="app-citys">
        <gp8-content-block title="当前定位城市">
            <gp8-content-item>{{ activeCity.name }}</gp8-content-item>
        </gp8-content-block>
        <gp8-content-block title="热门城市">
            <gp8-content-item
            v-for="item in hotCitys"
            :key="item.id"
            >{{ item.name }}</gp8-content-item>
        </gp8-content-block>

        <app-citys-list></app-citys-list>
    </div>
</template>

<script>
// import AppCitysBlock from "@com/common/citys/AppCitysBlock";
// import AppCitysItem from "@com/common/citys/AppCitysItem";
import AppCitysList from "@com/common/citys/AppCitysList";

export default {
    data () {
        return {
            activeCity: {
                id: 12,
                name: '北京'
            },
            hotCitys: [
                { id: 12, name: '北京' },
                { id: 13, name: '上海' },
                { id: 14, name: '广州' },
                { id: 15, name: '深圳' },
            ]
        }
    },
    components: {
        // AppCitysBlock,
        // AppCitysItem,
        AppCitysList
    }
}
</script>

<style>

</style>
